export let option = function () {
    return {
        tooltip: {
            trigger: 'axis'    //鼠标悬浮提示
        },
        toolbox: {
            show: true,
        },
        xAxis: {
            type: 'category',
            data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
            axisLine: {//x轴线的颜色以及宽度
                show: true,
                lineStyle: {
                    color: "rgba(44, 135, 232, 0.5)",
                }
            },
            axisLabel: {//x轴文字的配置
                show: true,
                textStyle: {
                    color: "rgba(44, 135, 232, 1)",
                },
                interval: 0
            },
            boundaryGap: false
        },
        yAxis: {
            name: '平方/小时',
            nameTextStyle: {  // y轴name的样式调整
                color: '#fff',
                fontSize: 14,
                padding: [0, 0, 0, 10] // 加上padding可以调整其位置
            },
            scale: true,
            type: 'value',
            axisLine: {//x轴线的颜色以及宽度
                show: true,
                lineStyle: {
                    color: "rgba(44, 135, 232, 0.5)",
                }
            },
            axisLabel: {//x轴文字的配置
                show: true,
                textStyle: {
                    color: "rgba(44, 135, 232, 1)",
                }
            },

        },
        grid: { //距离各个地方的边距 1
            left: '0%',
            right: '1%',
            bottom: '0%',
            top: "20%",
            containLabel: true
        },
        series: [
            {
                data: [0, 0, 0, 0, 0, 0, 0, 10, 50, 70, 43, 85, 0, 0, 80, 90, 90, 100, 0, 0, 0, 0, 0, 0],
                type: 'line',
                smooth: true,
                markPoint: {
                    data: [
                        { type: 'max', name: 'Max' },
                        { type: 'min', name: 'Min' }
                    ]
                },
                markLine: {
                    symbol: 'none',
                    data: [{
                        type: 'average',
                        name: 'Avg',
                        lineStyle: {
                            color: "#00ffff",
                        },
                        label: {
                            color: '#fff',
                            position: "insideEndTop"
                        }
                    }]
                }
            }
        ]
    };
}